<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width= , initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="zuoye.css"> -->

    <style>
        #logo {
            display: inline-block;
            width: 234px;
            height: 98px;
            background-color: #e8024d;
            position: relative;
            top: 0px;
            left: 841px;

        }

        .text1 {
            height: 98px;
            font-size: 22px;
            font-family: "Microsoft YaHei";
            color: rgb(255, 255, 255);
            line-height: 22px;

        }

        .The_pen_is__just {
            position: absolute;
            left: 452px;
            top: 300px;
            font-size: 100px;
            font-family: "Segoe Script";
            color: rgb(210, 210, 210);
            line-height: 1.31;
            text-align: center;

        }

        .part1 {
            background-image: url(part1.png);
            opacity: 0.502;
            position: absolute;
            left: 15px;
            top: 30px;
            width: 1920px;
            height: 448px;

        }

        .insert1 {
            display: inline-block;
            background-image: url(insert1.png);
            position: absolute;
            top: 69px;
            left: 410px;
            width: 421px;
            height: 505px;

        }

        .back1 {
            display: inline-block;
            background-image: url(back1.png);
            position: absolute;
            left: 834px;
            top: 69px;
            width: 754px;
            height: 530px;

        }

        .text2 {
            font-size: 55px;
            font-family: "Britannic Bold";
            position: absolute;
            left: 76px;
            top: 73px;
        }

        .text3 {
            display: inline-block;
            font-size: 20px;
            font-family: "SimSun";
            color: rgb(0, 0, 0);
            line-height: 1.8;
            text-align: left;
            position: absolute;
            left: 76px;
            top: 185px;
        }

        .text4 {
            font-family: "Microsoft YaHei"
        }

        .back2 {
            display: inline-block;
            background-color: #e44378;
            opacity: 0.78;
            position: absolute;
            left: 529px;
            top: 405px;
            width: 365px;
            height: 237px;

        }

        .title {
            font-size: 25px;
            font-family: Microsoft YaHei;
            color: rgb(0, 0, 0);
            line-height: 1.44;
            text-align: center;
        }

        .text5 {
            display: inline-block;
            font-size: 19px;
            font-family: Microsoft YaHei;
            color: rgb(0, 0, 0);
            line-height: 1.4;
            text-align: center;
        }

        .text6 {
            font-size: 25px;
            font-family: Microsoft YaHei;
            color: rgb(251, 251, 251);
            line-height: 1.16;
            text-align: left;
            position: absolute;
            left: 34px;
            top: 20px;
        }

        .part2 {
            background-image: url(part2.png);
            height: 349px;
            width: 1920px;
            position: absolute;
            top: 0px;
            left: 0px;
        }

        .Form_Germany {
            font-size: 19px;
            font-family: "Segoe Print";
            color: rgb(216, 216, 216);
            line-height: 1.526;
            position: absolute;
            left: 894px;
            top: 83px;
        }

        .What_people_are_saying__ {
            font-size: 25px;
            font-family: "Britannic Bold";
            color: rgb(216, 216, 216);
            line-height: 1.16;
            position: absolute;
            left: 830px;
            top: 112px;
        }

        .back3 {
            background-image: url(back3.png);
            position: absolute;
            left: 548px;
            top: 170px;
            width: 836px;
            height: 296px;
        }

        #head {
            background-image: url(椭圆_.png);

            position: absolute;
            left: 940px;
            top: 216px;
            width: 71px;
            height: 71px;
        }

        .text7 {
            font-size: 17px;
            font-family: "Microsoft YaHei";
            color: rgb(0, 0, 0);
            line-height: 1.176;
            position: absolute;
            left: 704px;
            top: 308px;
        }

        .cell {
            opacity: 0.2;
            width: 43px;
            height: 9px;
        }

        .Choose {
            font-size: 18px;
            font-family: "Segoe Script";
            color: rgb(0, 0, 0);
            line-height: 1.111;
            position: absolute;
            left: 939px;
            top: 176px;
        }

        .Our_products {
            font-size: 25px;
            font-family: "Britannic Bold";
            color: rgb(0, 0, 0);
            line-height: 0.8;
            position: absolute;
            left: 896px;
            top: 207px;
        }

        .part3 {
            display: inline-block;
            background-image: url("part3.png");
            width: 898px;
            height: 455px;
            position: absolute;
            top: 13px;
            left: 545px;
        }

        .text8 {
            font-size: 19px;
            font-family: "Britannic Bold";
            color: rgb(1, 1, 1);
            line-height: 1.053;
            text-align: left;
            width: 435px;

        }

        .title1 {
            font-size: 19px;
            font-family: Britannic Bold;
            color: rgb(0, 0, 0);
            line-height: 1.053;
            display: inline-block;
            text-align: right;
        }
    </style>
</head>

<body>
    <div style="
          
          position: absolute;top: 9px; left: 15px;
           width :1920px;
           height: 814px;
             background-image: url(ZzgbPHidO379.jpg);
             background-repeat: no-repeat;
             background-size: cover;
             ">=
        <span class=" text1" style="position: absolute; top: 31px;left: 460px;">
            新品推荐
        </span>
        <span class="text1" style="position: absolute; top: 31px;left: 637px;">
            在线购买产品
        </span>
        <span class="text1" style="position: absolute; top: 31px;left: 1129px;">
            企业文化
        </span>
        <span class="text1" style="position: absolute; top: 31px;left: 1342px;">
            品牌介绍
        </span>
        <div class="The_pen_is__just">
            The&nbsp<span style=" font-family: Copperplate Gothic Bold">BEST</span>&nbsppen is
            <br />just&nbsp<span style=" font-family: Copperplate Gothic Bold">LAMY</span>
        </div>

        <div id="logo">
            <img src="images\logo.jpg" style="position:absolute;top: 18px;left: 15px;">
        </div>
    </div>
    <div style="
         position: absolute;top: 814px; left: 0px;
      
         width :1920px;
           height: 640px;">
        <div class="part1">
        </div>
        <div class="insert1">
        </div>
        <div class="back1">
            <span class="text2">
                Welcome&nbspto&nbspLamy
            </span>
            <div class="text3">
                德国书写工具品牌<span class="text4">LAMY</span>始创人<span class="text4">C•Josef Lamy</span>于<span
                    class="text4">1930</span>年在海德<br />
                堡创立了欧瑟斯墨水笔制造厂.<span class="text4">1952</span>年，崭露头角的<span class="text4">LAMY</span><br />
                流线型墨水笔，震撼问世,
                彰显公司的创新敏锐触觉。1966年终于打<br />
                <br />
                造出令人耳目一新的现代经典之作<span class="text4">-LAMY 2000</span>系列。产品撮合了<br />
                聚碳酸酯与不锈钢材质，绝妙的配搭，使之从芸芸众生的书写<br />
                工具中脱颖而出，时至今日，依然在市场具有影响力。
            </div>
        </div>
        <div class="back2">
            <img src="play.png" style="position:absolute;top: 75px;;left: 153px;">
        </div>


    </div>
    <div style="position: absolute; top: 1454px; left: 0px;
    width :1920px;
     height: 685px;">
        <span class="title" style="
  
        position: absolute;
        left: 450px;
         top: 263px;">
            【恒星系列&nbsp;墨水笔&nbsp;】
        </span>
        <span class="title" style="
        position: absolute;
        left: 814px;
        top: 263px;">
            【狩猎系列限量色墨水笔&nbsp;】
        </span>
        <span class="title" style="
        position: absolute;
        left: 1233px;
        top: 263px; ">
            【喜悦系列美术笔&nbsp】
        </span>
        <p class="text5" style="  
         position: absolute;
         left: 396px;
         top: 320px;">
            LAMY 恒星系列延续了 LAMY<br />
            的时尚造型，打造出锦上添花的极致品质<br />
            。此系列全部均由氧化<br />
            独特的凹陷式笔握以及弹性铜线笔夹<br />
            富的颜色让 LAMY 恒星系列突破了传统<br />
            散发着无限的青春魅力。</p>
        <p class="text5" style="  
             position: absolute;
             left: 787px;
             top: 320px;">
            色彩丰富，颜色亮丽，不仅是可以作为书<br />
            写工具，同样是很好的装饰品<br />
            宽大的笔夹设计，可随时夹在包带、牛仔裤、<br />
            T恤袖口上,让您感受创意方便的携带方式<br />
            笔身通体材质采用车用强力ABS材料</p>
        <p class="text5" style="  
             position: absolute;
             left: 1176px;
             top: 320px;">
            用以绘图、写艺术字、艺术签名<br />
            扁平状的笔尖设计，适合书写艺术字<br />
            立体感极佳.1、1.5、1.9三种笔尖可供选择<br />
            ，可书写粗细不等的立体字，让您随时<br />
            感受变化的乐趣复古的笔杆设计<br />
            ，经典又与众不同，显示出独特的欣赏品味</p>

    </div>
    <div>
        <div style="background-image:url(go.png) ;
                 position: absolute;
                 left: 852px;
                 top: 2025px; 
                 width: 241px;
                 height: 65px;">



            <span class="text6">
                了解详情
            </span>
            <img src="images\arrow-double-right.png" style="
  position: absolute;
  left: 172px;
  top: 23px;
  width: 34px;
  height: 29px;
">
        </div>
        <span style=" font-size: 55px;
    font-family:Britannic Bold;
    color: rgb(0, 0, 0);
    line-height: 0.655;
    position: absolute;
    left: 818px;
    top: 1606px;">
            L A M Y
            <span style="font-family: Microsoft YaHei;">各系列</span>
        </span>
    </div>
    <div style="
        position: absolute;
        left: 0%;
        top: 2135px;
        width: 1920px;
        height: 736px;">
        <div class="part1" style="position: absolute; 
        left:15px ;
        top:0px;
        height: 389px;
         opacity: 1.00">

            <img src="images\ypen.png" style="
        position: absolute;
        left: 360px;
        top: 155px;">
            <img src="images\rpen.png" style="
                position: absolute;
                left: 360px;
                bottom: 165px; ">
            <div style=" background-color: #e8024d;
                 position: absolute;
                left: 402px;
                bottom: 158px;
                 width: 89px;
                 height: 35px;">
                <span style="
               position: absolute;
               left: 18px;
               top: 3px;
               font-size: 20px;
                font-family: Britannic Bold;
                font-style: italic;
                color: rgb(218, 210, 213);
                line-height: 1.45;">
                    LAMY
                </span>
            </div>
        </div>
    </div>
    <div style="height: 538px;
    width: 1920px;
    position: absolute;
    top: 2524px;
    left: 15px;">
        <div class="part2">
            <span class="Form_Germany">Form Germany </span>
            <span class="What_people_are_saying__ ">What people are saying</span>
        </div>
        <div class="back3"></div>
        <div id="head"></div>
        <p class="text7">使用令人难以置信的生产技术和坚持极高水平的精准要求，仅使用一种<br />
            材质，也足以成就出这款永恒的设计。产品本身是体现不同加工程序和<br />
            制造工艺。手工打磨的亚光拉丝表面充分体现了品牌对细节的注重。

        </p>
        <div class="cell" style="  background-image: url(cell1.png);
         position: absolute;
        left: 884px;
        top: 402px;"></div>
        <div class="cell" style=" background-image: url(cell2.png);
        position: absolute;
        left: 1030px;
        top: 402px;"></div>
        <div class="cell" style=" background-image: url(cell2.png);
         position: absolute;
         left: 957px;
        top: 402px;"></div>

    </div>
    <div style="position: absolute;
    left: 15px;
    top: 2872px;
    height: 1010px;
    width: 1920px;">
        <span class="Choose">Choose</span>
        <span class="Our_products">Our products</span>
        <img src="images\a2.png" style="
                     position: absolute;
                    left: 526px;
                    top: 522px; 
                     width: 249px;
                    height: 303px;">
        <img src="images\b1.png" style="
                     position: absolute;
                     left: 843px;
                     top: 275px;
                     width: 249px;
                    height: 372px;">
        <img src="images\c1.png" style="
                 position: absolute;
                 left: 1160px;
                top: 274px;
                 width: 249px;
                height: 227px;">
        <img src="images\c2.png" style="
                 position: absolute;
                 left: 1161px;
                top: 522px;
                 width: 249px;
                height: 303px;">
        <img src="images\b2.png" style="
                 position: absolute;
                         left: 843px;
                        top: 662px;
                         width: 249px;
                        height: 163px;">
        <img src="images\a1.png" style="
                  position: absolute;
                            left: 526px;
                            top: 271px; 
                             width: 249px;
                            height: 227px;">
    </div>
    <div style="background-image:url(go.png) ;
                 position: absolute;
                 left: 852px;
                 top: 3790px; 
                 width: 241px;
                 height: 65px;">
        <span class="text6">
            戳我速购
        </span>
        <img src="images\arrow-double-right.png" style="
  position: absolute;
  left: 172px;
  top: 23px;
  width: 34px;
  height: 29px;  ;
">
    </div>
    <div style="position: absolute;
    top: 3882px;
    left: 15px;">
        <img src="images\back4.png " style="
    position:absolute;
    left:2px;
    top:0px">
        <div class="part3">
            <img src="images\pa.png" style="position: absolute; top: 17px; left: 21px;">
            <img src="images\pb.png" style="position: absolute; top: 153px; left: 21px;">
            <img src="images\pc.png" style="position: absolute; top: 287px; left: 21px;">


            <p class="text8" style="position: absolute;top: 42px;left: 417px;">
                You make millions of decisions that is <br />
                mean nothing,and then one day your<br />
                order takes out life.
            </p>
            <p class="text8" style="position: absolute;top: 168px;left: 417px;">
                It's sad when you realize you aren't<br />
                is as important to someone as you<br />
                thought you were.
            </p>
            <p class="text8" style="position: absolute;top: 305px;left: 417px;">
                Love&nbspis unequal, so don't count how<br />
                much one contributes, and which is<br />
                more active.
            </p>
        </div>
    </div>
    <div style="background-color: #e8024d ;
    position: absolute;
    left: 852px;
    top: 4446px;
    width: 241px;
    height: 65px;">
        <span class="text6">
            新品推荐
        </span>
        <img src="images\arrow-double-right.png" style="
      position: absolute;
      left: 172px;
      top: 23px;
      width: 34px;
      height: 29px;  ;
    ">
    </div>
    <div style="
    
    background-image: url(good.png);
    position: absolute;
    left: 15px;
    top: 4534px;
    height: 978px;
    width: 1920px;
    ">
        <img src="images/light.png" style="
        left: 15px;
    top: 4534px;
    ">
        <span style="
    position: absolute;
    top: 230px;
    left: 791px; 
       font-size: 113px;
  font-family: Britannic Bold;
  color: rgb(185, 184, 184);
  line-height: 0.177;
">
            LAMY</span>
        <div class="title1" style="
        position: absolute;
         top:270px;
        left:672px;
     ">CUTE<br />useful</div>
        <div class="title1" style="
        position: absolute;
         top:270px;
        left:1132px; ">GOOD<br />SIMPLE</div>
    </div>
</body>